.create-order {
  padding: 30rpx 20rpx 160rpx;

  .part-info {
    width: 100%;
    padding: 20rpx 30rpx;
    margin-bottom: 20rpx;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    background-color: #fff;

    .this-title {
      display: flex;
      align-items: center;
      height: 80rpx;

      .iconfont {
        font-size: 36rpx;
        font-weight: bold;
        color: var(--color-priamry);
        margin-right: 20rpx;
      }

      .title-txt {
        font-size: 30rpx;
        font-weight: bold;
        color: var(--main-text);
      }
    }
  }
}

.form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
  font-size: 30rpx;
  border-bottom: 2rpx solid var(--border-color);

  &.no-border {
    border-width: 0;
  }

  .form-item-label {
    position: relative;
    color: var(--base-text);
    padding-left: 30rpx;

    .required-icon {
      position: absolute;
      left: 0;
      top: 6rpx;
      color: var(--color-error);
    }
  }

  .form-item-value {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    color: var(--main-text);

    .iconfont {
      color: var(--extra-text);
      font-size: 34rpx;
      margin-left: 10rpx;
    }
  }
}

.form-input {
  font-size: var(--small-font);
  color: var(--main-text);
  padding: 8rpx 10rpx;
  text-align: right;
}
.placeholder-style {
  color: var(--extra-text);
  font-size: var(--small-font);
}
.textarea-wrap {
  width: 100%;
  height: 200rpx;
  border: 2rpx solid var(--border-color);
  border-radius: 12rpx;
  padding: 20rpx;

  .textarea-input {
    width: 100%;
    font-size: var(--small-font);
    color: var(--normal-color);
  }
}

.tree-wrap {
  height: 68vh;
  width: 100%;
  background-color: #fff;
  padding: 20rpx;
  box-sizing: border-box;

  .tree-top {
    display: flex;
    height: 40px;
    align-items: center;
    font-size: 30rpx;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;

    .calcel-btn {
      color: #666;
    }

    .confirm-btn {
      color: #409eff;
    }

    .tree-title {
      flex: 1;
      text-align: center;
      font-size: 28rpx;
    }
  }

  .cus-tree {
    height: calc(100% - 45px);
  }
}
.part-title {
  position: relative;
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  text-indent: 40rpx;
  color: var(--main-color);

  &::before {
    position: absolute;
    left: 10rpx;
    top: 18rpx;
    content: '';
    width: 6rpx;
    height: 30rpx;
    background-color: var(--bg-color);
  }
}
// .part-title {
//   position: relative;
//   display: flex;
//   align-items: center;
//   width: 100%;
//   height: 60rpx;
//   padding-left: 40rpx;
//   color: var(--main-color);
//   font-size: 28rpx;

//   &::before {
//     position: absolute;
//     left: 10rpx;
//     top: 22rpx;
//     content: '';
//     width: 20rpx;
//     height: 20rpx;
//     border-radius: 50%;
//     background-color: var(--bg-color);
//   }

//   .tip-text {
//     font-size: var(--mini-font);
//     color: var(--bg-color);
//   }
// }

.radio-wrap {
  margin: 20rpx 0 30rpx;

  .radio-label {
    font-size: var(--small-font);
  }
}

.bottom-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140rpx;
  background-color: #fff;
  padding: 0 20rpx;
  z-index: 10001;

  .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160rpx;
    height: 60rpx;
    font-size: var(--small-font);
    margin-left: 20rpx;
    border-radius: 60rpx;

    &:first-child {
      color: var(--main-text);
      background-color: var(--color-gray-light);
    }
    &:last-child {
      color: #fff;
      background-color: var(--color-priamry);
    }
  }
}
.pop-title{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100rpx;
  font-weight: bold;
  font-size: 30rpx;
}
.search-wrap{
  display: flex;
  align-items: center;
  width: calc(100% - 40rpx);
  height: 60rpx;
  border-bottom: 4rpx solid var(--color-priamry-dark);
  margin-left: 20rpx;
  padding: 0 20rpx;
  .search-input{
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .iconfont{
    margin-right: 20rpx;
  }
}